---
title: Образовательные Материалы Сообщества
description: Откройте для себя созданные сообществом материалы, руководства, статьи и видео, которые помогут вам изучать и создавать с помощью Astro!
i18nReady: true
---

import Badge from '~/components/Badge.astro';

Существует множество других материалов, которые могут помочь вам изучать и создавать с помощью Astro! Здесь вы найдете образовательный контент, созданный и поддерживаемый сообществом Astro.

Все ссылки являются внешними и могут быть основаны на более ранних версиях Astro. Обязательно проверяйте дату создания любого контента сообщества и соответственно адаптируйте его к своему проекту.

Чтобы получить больше образовательного контента Astro, загляните в [блог Astro] (https://astro.build/blog/) или подпишитесь на [официальную рассылку Astro] (https://astro.build/newsletter/signup), где мы обобщаем лучшие материалы сообщества за каждый месяц.

## Курсы и учебные пособия

Курсы и учебные пособия направлены на обучение новым концепциям, часто с упражнениями или примерами проектов для создания. Это отличный способ изучить новые концепции и дать вам инструменты, необходимые для работы над собственным проектом Astro.

Ознакомьтесь со следующими курсами и учебными пособиями, чтобы узнать больше об Astro.

### Вводные уроки
  - [Курс по Astro Web Framework](https://www.youtube.com/watch?v=e-hTm5VmofI) от freeCodeCamp
  - [Ускоренный курс по Astro за 20 минут](https://www.youtube.com/watch?v=zrPVTf761OI) от Chris Pennington (полный платный курс: [Учебник Astro](https://learnastro.dev/))
  - [Ускоренный курс по Astro 3.0](https://www.youtube.com/watch?v=qBOz6TpYAOg) от James Q Quick (полный платный курс: [Создание современных веб-сайтов с Astro](https://astrocourse.dev/))
  - [Ускоренный курс по Astro за 60 минут](https://www.youtube.com/watch?v=NniT0vKyn-E) от @developedbyed
  - [Понимание Astro (электронная книга)](https://www.ohansemmanuel.com/books/understanding-astro) от Оханса Эммануэля
  - [The Valley of Code - Astro](https://thevalleyofcode.com/astro) от Флавио Копеса

  ### Видеоуроки
  - [Курс быстрого старта Astro: создание блога SSR](https://www.youtube.com/watch?v=XoIHKO6AkoM)
  - [Как я создал приложение для фильмов с Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w)
  - [Возможно, вы НЕ ПОНИМАЕТЕ коллекции контента на самом деле...](https://www.youtube.com/watch?v=Fcw4c3wzm7I)
  - [Создание пользовательской платформы для блога с Astro и Apprwrite](https://www.youtube.com/watch?v=OERqwLy_reA)
  - [Ускоренный курс по Astro JS Portfolio](https://www.youtube.com/watch?v=TwWvNK0yHjI)
  - [Создание блога на полном стеке с Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec)

## Инструкции и руководства

Посмотрите примеры добавления функций в ваш проект Astro, присланные участниками нашего сообщества!

[Инструкции Astro](/ru/recipes/) - это, как правило, короткие, целенаправленные руководства по выполнению конкретных задач. Инструкции - это отличный способ добавить новые функции или возможности в ваш проект Astro, следуя пошаговым инструкциям!

Другие руководства могут объяснять концепции, связанные с областью контента, такие как использование изображений или работа с MDX.

:::tip[Добавьте свою собственную!]
Вы написали инструкцию для Astro? [Отредактируйте эту страницу](https://github.com/withastro/docs/edit/main/src/content/docs/en/community-resources/content.mdx) и добавьте свою ссылку в соответствующий раздел!
:::

### CSS
- [Использование UnoCSS в Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/)
- [Добавление темного режима в Astro с помощью Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/)
### Аутентификация
- [Добавление аутентификации GitHub OAuth с помощью Lucia](https://lucia-auth.com/tutorials/github-oauth/astro)
- [Добавление аутентификации по имени пользователя и паролю с помощью Lucia](https://lucia-auth.com/tutorials/username-and-password/astro)
### RSS
- [Использование динамического имени файла при импорте изображений](https://vaihe.com/blog/astro/astro-dynamic-image-prop/)
- [Добавление RSS-канала в Astro с использованием историй Storyblok](https://straffesites.com/en/blog/rss-feed-astro-storyblok)
- [Как отправить любые данные в ваш RSS-канал? Руководство с Astro + RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/)
### Изображения
- [Добавление изображений записей блога в свою RSS-ленту Astro](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/)
- [Генерация изображений Open Graph для блога Astro](https://techsquidtv.com/blog/generating-open-graph-images-for-astro/)
### Инструменты редактора
- [Настройка VSCode, ESLint & Prettier для работы с Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode)
- [Интеграция Prettier с Astro и Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss)
### Markdown
- [Создание оглавления из заголовков Markdown в Astro](https://kld.dev/building-table-of-contents/)
- [Создание плагина Remark для удаления "сирот" из ваших файлов Markdown](https://eatmon.co/blog/remove-runts-markdown/)
- [Эффективная настройка черновых страниц в Astro с помощью авторинга контента на основе конфигурации](https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-configdriven-content-authoring/)
### Производительность
- [Улучшение ваших сборок Astro: изменение HTML-файлов после сборки](https://straffesites.com/en/blog/optimize-astro-html-post-build)
- [Настройка микро-фронтэндов с Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520)
### Утилиты
- [Использование tRPC в Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react)
- [Интеграция Sentry с Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/)
- [Генерация локализованных карт сайта для вашего проекта Astro и Storyblok](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok)
- [Добавление поиска на ваш сайт с помощью Pagefind](https://blog.otterlord.dev/posts/astro-search/)
- [Добавление поиска на ваш сайт с помощью Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ)
- [Добавление раздела комментариев на ваш блог Astro с использованием Giscus](https://elazizi.com/posts/add-comments-section-to-your-astro-blog/)
### Интернационализация и локализация
- [Как сделать ваш сайт на Astro многоязычным с помощью Crowdin: руководство по локализации Astro](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
- [Перевод маршрутов в Astro для коллекций контента и подстраниц](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/)
### Astro DB
- [Создание гостевой книги с помощью Astro DB](https://ryantrimble.com/blog/creating-a-guestbook-with-astro-db/)
- [Как создать счетчик просмотров с помощью Astro DB](https://www.vorillaz.com/astro-views)